<%--@elvariable id="typeValueses" type="java.util.List"--%>
<%--@elvariable id="typeValue" type="com.genghis.ptas.classify.entity.TypeValues"--%>
<%--@elvariable id="courseUploadList" type="java.util.List"--%>
<%--@elvariable id="courseUpload" type="com.genghis.ptas.course.entity.CourseInfo"--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <%@include file="../../common.jsp" %>
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link href="assets/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet" type="text/css"/>
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="assets/css/style-metronic.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/pages/portfolio.css" rel="stylesheet" type="text/css"/>
    <link href="assets/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="assets/css/custom.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->
    <link href="css/global/myStyle.css" rel="stylesheet" type="text/css"/>

</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body>
<div class="page-content">

    <div class="row">
        <div class="col-md-12">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
                上传课件
                <small>我的上传</small>
            </h3>
            <ul class="page-breadcrumb breadcrumb">
                <li class="btn-group">
                </li>
                <li>
                    <i class="fa fa-home"></i>
                    <a href="javascript:" onclick="top.addTab('public/menu')">
                        首页
                    </a>
                    <i class="fa fa-angle-right"></i>
                </li>
                <li>
                    <a href="javascript:"> 我的上传 </a>
                </li>
                <li class="btn-group pull-right">
                    <a class="btn blue" onclick="parent.parent.uploadCourseDo()">
                        上传课件 <i class="fa fa-upload"></i>
                    </a>
                </li>
                <li class="pull-right" style="margin-right: 100px">
                    <span id="nowTime"></span>
                </li>
            </ul>

        </div>
    </div>
    <!-- BEGIN PAGE CONTENT-->
    <div class="row">
        <div class="col-md-12">
            <!-- BEGIN FILTER -->
            <div class="filter-v1 margin-top-10">
                <ul class="mix-filter">
                    <li class="filter" data-filter="all">全部</li>

                    <c:forEach var="typeValue" items="${typeValueses}">
                        <li class="filter" data-filter="${typeValue.id}">
                                ${typeValue.typeValue}
                        </li>
                    </c:forEach>
                </ul>
                <div class="row mix-grid thumbnails">
                    <c:forEach var="courseUpload" items="${courseUploadList}">
                        <div class="col-md-4 col-sm-6 mix ${courseUpload.courseType}">
                            <div class="mix-inner" >
                                <img class="img-responsive" src="${courseUpload.photoUrl}" alt="">

                                <div class="mix-details">
                                    <h2>课件名称:${courseUpload.courseName}
                                    </h2><br/><br/>
                                    <a class="mix-preview" style="margin-left: -20px" href="javascript:void(0);"
                                       onclick="watchCourseInfo(${courseUpload.id})">
                                        <i class="fa fa-search"></i></a>
                                </div>
                            </div>
                        </div>

                    </c:forEach>
                </div>
            </div>
            <!-- END FILTER -->
        </div>
    </div>
    <!-- END PAGE CONTENT-->
</div>
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="assets/plugins/respond.min.js"></script>
<script src="assets/plugins/excanvas.min.js"></script>
<![endif]-->
<script src="assets/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="assets/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="assets/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="assets/plugins/jquery-mixitup/jquery.mixitup.min.js"></script>
<script type="text/javascript" src="assets/plugins/fancybox/source/jquery.fancybox.pack.js"></script>
<script src="<c:url value="/js/common/common.js"/>" type="text/javascript"></script>
<base href="<%=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()%><c:url value="/"/>"/>
<!-- END PAGE LEVEL PLUGINS -->
<script src="assets/scripts/core/app.js"></script>
<script src="assets/scripts/custom/portfolio.js"></script>
</body>
<!-- END BODY -->
</html>
<script>
    jQuery(document).ready(function () {
        App.init();
        Portfolio.init();
        parent.browserSizeDeal(5, document.body.clientHeight + 100);
        window.setInterval(setNotePageTime, 1000);
    });

    function setNotePageTime() {
        $("#nowTime").html(top.getNowTime());
    }
    function watchCourseInfo(courseId) {
        location.href = basePath + "course/courseInfoDo?id=" + courseId;
    }
</script>
<!-- END JAVASCRIPTS -->